 <form> <div style="width: 525px;"> <div id="shareErrorDiv" class="warningLabel" style=""></div> <div>Share the current pattern set (* asterisk indicates a required field):</div> <div id="shareFormItemWrapper" style="margin-left: 20px;margin-top:20px;"> <div class="moreInfoShareForm"> <label for="titleInput">Title:</label><br> <input id="titleInput" type="text" placeholder="Awesome Patterns" maxlength="64" class="shareFormInputField" style=""> </div> <div id="tagsCBWrapper" class="moreInfoShareForm" style=""> <label for="tagsCB">Tags:</label><span class="smallInfoIcon" title="Tags help people find your work">&#9432;</span><br> <select id="tagsCB" class="shareFormInputField" style=""></select><a class="linkButton boldLink" id="removeAllTagsButton" title="Delete all tags" style="margin-left: 2px;"></a> <div class="shareFormInputField" style="text-align:right;"> <a class="dimmed linkButton" style="padding-right: 0;" id="tagDefinitionsLink" title="To Artlandia Glossary">Tag definitions &#187;</a> </div> </div> <div class="required"> <label for="authorInput">Your online name:</label><span class="smallInfoIcon" title="English letters, digits, dashes, and underscores, 50 chars max">&#9432;</span><br> <input id="authorInput" type="text" maxlength="50" placeholder="Your online name (required)" class="shareFormInputField" style="" required> </div> <div class="moreInfoShareForm"> <label for="authorURLInput">Your website:</label><br> <input id="authorURLInput" type="text" maxlength="2000" class="shareFormInputField" style=""> </div> <div class=""> <label for="commentsInput">Comments (120 chars max):</label><br> <textarea id="commentsInput" maxlength="120" class="shareFormInputField" style="height: 30px"></textarea> </div> <div class="moreInfoShareForm"> <label for="descriptionInput">Long description (2000 chars max, basic HTML OK):</label><br> <textarea id="descriptionInput" maxlength="2048" class="shareFormInputField" style="height: 60px"></textarea> </div> <div id="copyrightPopupWrapper" class="moreInfoShareForm" style="text-align: right;"> <label for="copyrightPopup">Copyright:</label> <select id="copyrightPopup" class="shareFormInputField" style="width: 230px;"></select><a class="linkButton boldLink" id="aboutCClink" style="margin-left: 2px;"><span class="smallInfoIcon" style="margin-left: 0px;" title="About copyright-free and Creative Commons licenses&nbsp;&#187;">&#9432;</span></a> </div> <div class="moreInfoShareForm" style="margin-top: 0"> <label for="copyrightInput">Copyright notice:</label><br> <textarea id="copyrightInput" maxlength="256" class="shareFormInputField" style="height: 45px"></textarea> </div> <div class="moreInfoShareForm" style=""> <label for="copyrightURLInput">Copyright info URL:</label><br> <input id="copyrightURLInput" type="text" maxlength="2000" class="shareFormInputField" style=""> </div> <div class="moreInfoShareForm"> <label for="sourceArea">Source image credits:</label><br> <textarea id="sourceArea" maxlength="256" class="shareFormInputField" style="height: 30px"></textarea> </div> <div id="" class="leftRightAlignWrapper shareFormInputField"> <input type="checkbox" id="makeDerivedCheckbox" class="checkbox-img"><label for="makeDerivedCheckbox" class="checkbox-img-label" title=""></label> <div style="position: absolute; right:0; display: inline-block;"> <input type="checkbox" id="unlistedCheckbox" class="checkbox-img"><label for="unlistedCheckbox" class="checkbox-img-label">Unlisted</label> </div> </div> <div id="derivedSetInfo" class="dimmedColor shareFormInputField" title=""></div> </div> <div class="leftRightAlignWrapper" style="margin-top: 10px; overflow: hidden"> <span id="detailsButtonWithLabels"> <label id="arrowDownShareForm" for="detailsButton" class="lessInfoShareForm arrowIcon arrowDown">&#10553;</label><label id="arrowUpShareForm" for="detailsButton" class="moreInfoShareForm arrowIcon arrowUp">&#10548;</label><a class="linkButton boldLink" style="" id="detailsButton"><span class="lessInfoShareForm">Add</span><span class="moreInfoShareForm">Hide</span> details...</a> </span> <a class="dimmed linkButton" style="position:absolute; right: 0;" id="aboutDerivativesButton" title="About derivative works">Please be mindful of copyright laws &#187;</a> </div> </div> </form> 